<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/zTreeStyle.css">
<link rel="stylesheet" type="text/css" href="css/rest.css">
<script type="text/javascript" src="js/base64.js"></script>
<script type="text/javascript" src="js/jquery.ztree.all-3.5.js"></script>
<script type="text/javascript" src='js/json2.js'></script>
<script type="text/javascript" src='js/rest.js'></script>
<script type="text/javascript" src='js/treeJson.js'></script>
<div class="row">
	<div style="float: left;padding-left:20px;padding-top: 20px;">
		<span>url：</span><input type="text" style="width: 99%; height: 50px;" id="reqUrl"></br>
		</br> <span>方式：</span><select id="reqMethod"><option value="GET"
				selected="true">GET</option>
			<option value="POST">POST</option></select></br>
		</br>
		<div id="paramDiv">
			<div>参数：</div>
			<textarea id="reqParam" style="width: 600px; height: 300px;"
				placeholder="编码前的参数"></textarea>
		</div>
	</div>
	<div style="float: left; padding-left: 50px; padding-top: 80px;">
		<button id="clearLeft" value="清空左侧">清空左侧</button></br></br>
		<button id="clearRight" value="清空右侧">清空右侧</button></br></br>
		<button id="sub" value="提交">提交</button>
	</div>
	<div style="float: left; padding-left: 50px;">
		<span>返回结果：</span></br>
			<div>
				<textarea id="resp" style="width: 600px; height: 480px;"></textarea>
				<ul id="jsonContent" class="ztree"></ul>
			 </div>
			</br>
			<div class="tree-panel" style="display:none" id="tree-panel">
                <ul id="tree-panel-content" class="ztree"></ul>
            </div>
			
			<button id="decode" class="btn btn-success">base64解码</button>
			<button id="encode" class="btn btn-primary">base64编码</button>
			<button id="format" class="btn btn-default">格式化</buttion>
			<button id="removeWhite" class="btn btn-default">反格式化去转义</buttion>
			<button id="resultTree">树形展示</buttion>
</div>
